<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jupyter to PDF Converter</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
    <div class="container">
        <h1>Jupyter Notebook to PDF Converter</h1>
        <div id="upload-area" class="upload-area">
            <form id="upload-form" action="/upload" method="post" enctype="multipart/form-data">
                <input type="file" name="file" id="file-input" accept=".ipynb" hidden>
                <div id="drop-zone">
                    <p>Drag & drop your .ipynb file here or click to select a file.</p>
                    <button type-button id="browse-btn">Browse Files</button>
                </div>
            </form>
        </div>
        <div id="message-area"></div>
        <div id="download-area"></div>
    </div>
    <script src="{{ url_for('static', filename='js/script.js') }}"></script>
</body>
</html>
